<template>
    <header class="archive-header">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h4 class="archive-title">摄影分区</h4>
                </div>
                <!-- /.col-sm-6 -->
                <div class="col-xs-6 hidden-xs">
                    <ol class="breadcrumb">
                        <!--TODO-->
                        <!--传参-->
                        <li><a href="#">生活</a></li>
                        <li><a href="#">摄影</a></li>
                    </ol>
                </div>
                <!-- /.col-xs-6 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </header>
</template>


<script>
export default {
    name:"navigation",
    data(){
        return{
            lists:[
                {details:"生活"},
                {details:"摄影"},   
            ]
        }
    }
}
</script>